<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ include file='../Templates/security.jsp' %>
<%@ include file="FuncionesUtilitarias.jsp" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<h1 class="title">Gestión de Informes</h1>
<hr>
<p class="meta"></p>
<script type="text/javascript">
    //PAGINACION
    var offset = 0;
    var tam = 0;
    var limit = 10;

    consultarRep();

    function consultarRep(){
        $.getJSON("listaReportes.do",{limit: limit, offset: offset},
        function(data) {
            if(limit != 0){
                $('#resultado').empty();
                var fila;
                // Esto se hace para pintar el fondo de las filas pares e impares. (NO CAMBIA)
                data.Reportes.sort(function(a,b){return ((a.id_reporte == b.id_reporte) ? 0 : ((a.id_reporte < b.id_reporte) ? 1 : -1 ))});
                $.each(data.Reportes , function(i,item){
                    tam = item.tam;
                    if ( (i % 2) == 0){
                        fila = "<tr bgcolor = \"#fff\"> ";
                    }
                    else{
                        fila = "<tr bgcolor = \"#ecf2f6\">";
                    }
                    var string = fila+"<td>"+item.fecha_suceso+"</td><td>"+
                        item.fecha_reporte+"</td><td>"+
                        item.novedad_gen+"</td><td>"+
                        item.novedad_esp+"</td>"+
                        "<td>Sartenejas</td><td><a href='generarReporte.do?id_reporte="+item.id_reporte+"'><img  src='style/images/pdf.gif' alt='' width='20' height='20'></a></td></tr>";
                    $('#resultado').append(string);
                    $("#currentpage").empty();
                    $("#pagelimit").empty();
                    $("#currentpage").append((offset/limit)+1);
                    $("#pagelimit").append(Math.floor((tam-1)/limit)+1);                   
                });
            }
        }
    );
    }

    // Se fija el número de páginas totales de la consulta (NO CAMBIA)
    function setLimit(piso){
        offset = 0;
        limit = parseInt(piso);
        consultarRep();
    }

    // Se fijan los alcances de las flechas primera, última, siguiente y anterior (NO CAMBIA)
    function setOffset(i, completo){
        if(completo && (i==-1)){
            offset = 0;
        }
        else if(completo && (i==1)){
            offset = Math.floor((tam-1)/limit)*limit;
        }
        else if(!completo && i==-1){
            if(offset>=limit){
                offset -= limit;
            }
        }
        else{ //!completo && i==1
            if(offset<tam-limit){
                offset += limit;
            }
        }
        consultarRep();
    }


</script>
<script type="text/javascript">
    // Este script determina que la primera vez que se ve la tabla (sin resultados),
    // el numero de paginas y la pagina actual serán 1. (NO CAMBIA)
    if(limit == 0){
        $("#currentpage").append(1);
        $("#pagelimit").append(1)
    }
</script>
<center>
    <h2>Consultar Informes</h2>
    <div id="Reportes" style="overflow:auto">
        <table cellpadding="0" cellspacing="0" border="0" id="table" class="sortable"  >
            <thead>
                <tr>
                    <th class="nosort">Fecha Suceso</th>
                    <th>Fecha Reporte</th>
                    <th>Novedad<br>Genérica</th>
                    <th>Nombre<br>Específica</th>
                    <th>Sede</th>
                    <th>Generar<br>PDF</th>
                    <th>Eliminar</th>
                </tr>
            </thead>
            <tbody id="resultado">

            </tbody>
        </table>
    </div>
    <div style="clear: both;">&nbsp;</div>
    <%-- Aquí se manejan las flechas, cantidad de paginas a mostrar y numero de pagina --%>
    <%-- esto no es necesario cambiarlo --%>
    <%@ include file='paginasTabla.jsp' %>
    <br>
</center>
